// index.js
Page({
  data: {
    value: "",
    // 获取到的图片路径添加到这
    urlArr: [],
    upFlag: false,
    sortArr:[],
    active: 0,
    // 分类被点击的索引
    sortIndex:1
  },
  onLoad(options){
    this.getBz();
    this.getTwosort();
  },
  toDetails(e) {
    wx.navigateTo({
      url: `../../pages/Details/Details?id=${e.currentTarget.dataset.id}&lg=${this.data.urlArr.length}&twonum=${this.data.sortIndex}&onenum=1`,
    })
  },
  // 监听页面滚动
  onPageScroll(e) {
    let that = this;
    if (e.scrollTop > 400) {
      //滑下去400显示向上图标
      that.setData({
        upFlag: true
      })
    } else if (e.scrollTop < 400) {
      // 少于400隐藏图标
      that.setData({
        upFlag: false
      })
    }
  },
  up() {
    // 点击返回顶部
    wx.pageScrollTo({
      scrollTop: 1
    })
  },
  onChange(e){
    this.setData({
      sortIndex:++e.detail.index
    })
    // 点击切换到另外一个分类了重新获取数据
    this.getBz();
  },
  getTwosort(){
    // 获取二级分类
    wx.request({
      url: `https://watermark.czmao.cn:3000/twosort?num=${1}`,
      success: (res) => {
        // console.log(res)
        this.setData({
          sortArr:res.data.list
        })
      }
    })
  },
  // 获取精选的壁纸数据
  getBz(){
    // 临时变量
    let temp = []
    wx.request({
      method: "POST",
      url: `https://watermark.czmao.cn:3000/getImg?cx=0&twonum=${this.data.sortIndex}&onenum=1`,
      success: (res) => {
        for (let i = 0; i < res.data.list.length; i++) {
          temp.push({
            id: res.data.list[i].id,
            url: `https://watermark.czmao.cn:3000/${res.data.list[i].url}`
          })
        }
        this.setData({
          urlArr: temp
        })
      }
    })
  },
  onReachBottom() {
    this.getBottom()
  },
  // 触底获取更多图片
  getBottom() {
    // console.log(this.data.urlArr.length)
    // console.log(this.data.sortIndex)
    let cx=this.data.urlArr.length;
    let sortIndex= this.data.sortIndex;
    // 触底
    if (cx >= 50) {
      // 临时变量
      let temp = this.data.urlArr
      wx.request({
        method: "POST",
        url: `https://watermark.czmao.cn:3000/getImg?cx=${cx}&twonum=${sortIndex}&onenum=1`,
        success: (res) => {
          console.log(res)
          for (let i = 0; i < res.data.list.length; i++) {
            temp.push({
              id: res.data.list[i].id,
              url: `https://watermark.czmao.cn:3000/${res.data.list[i].url}`
            })
          }
          this.setData({
            urlArr: temp
          })
        },
        fail: (err) => {
          console.log('已无更多')
        }
      })
    }
  },
  // 跳转分类
  toSort(){
    wx.switchTab({
      url: '../../pages/fl/fl',
    })
  },
  // 跳转聊天背景
  ltbj(){
    wx.navigateTo({  
      url: '../ClassificationBZ/ClassificationBZ?sort=聊天背景',  
    })  
  },
  tx(){
    wx.navigateTo({  
      url: '../ClassificationTX/ClassificationTX?sort=男生头像',  
    })  
  },
  bqb(){
    wx.navigateTo({  
      url: '../ClassificationTX/ClassificationTX?sort=表情包',  
    })  
  },
})